$(function(){
    initCateList()
    var form =layui.form
    //添加分类按钮
    var indexAdd=null
    $('#btnAddCate').on('click',function(){
        // 添加弹出框
        indexAdd=  layer.open({
            type:1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            content: $('#btnAddList').html()
          });    
    })


   //事件委托添加
   
    $('body').on('submit','#formAdd',function(e){
    e.preventDefault();
    $.ajax({
        method:'POST',
        url:'/my/cate/add',
        data:$(this).serialize(),
        success:function(res){
           // console.log(res);
            if(res.code!==0){
                
                return layer.msg('新增文章分类列表失败!')
            }
            initCateList()
            layer.close(indexAdd)
        }
    })
    })


    var indexEdit=null
    $('tbody').on('click','#btnEdit',function(){
        // 添加弹出框
        indexEdit=  layer.open({
            type:1,
            area: ['500px', '250px'],
            title: '修改文章分类',
            content: $('#btnEditList').html()
          });    
          var id=$(this).attr('data-id')
        // console.log(id);
        $.ajax({
            method:'GET',
            url:'/my/cate/info?id='+id,
            success:function(res){
            //    console.log(res);
                if(res.code!==0){
                    
                    return layer.msg('获取文章分类列表失败!')
                }
                form.val('layui-form',res.data)
               
            }
        })

    })

//事件委托修改
    $('body').on('submit','#formEdit',function(e){
        e.preventDefault();
        // console.log(11);
        // console.log($(this).serialize());
        $.ajax({
            method:'PUT',
            url:'/my/cate/info',
            data:$(this).serialize(),
            success:function(res){
                if(res.code!==0){
                    
                    return layer.msg('新增文章分类列表失败!')
                }
                layer.close(indexEdit)
                initCateList()
               
            }
        })
        })


    // 删除功能
   
    $('tbody').on('click','#btn-del',function(){
        var id=$(this).attr('data-id')
        // 添加提示框
        layer.confirm('确认删除吗?', {icon: 3, title:'提示'}, function(index){
            //do something

             $.ajax({
            method:'DELETE',
            url:'/my/cate/del?id='+id,
            success:function(res){
            //    console.log(res);
                if(res.code!==0){
                    
                    return layer.msg('删除文章分类失败!')
                }
                layer.msg('删除成功!')
                initCateList()
            }
        })
            layer.close(index);
          });  
         
       

    })

})






//初始化列表
function initCateList(){
    // console.log(2112);
 $.ajax({
     method:'GET',
     url:'/my/cate/list',
     success:function(res){
        // console.log(res);
         if(res.code!==0){
             
             return layer.msg('获取文章分类列表失败!')
         }
        var htmlStr= template('ple-cate',res)
         $('tbody').html(htmlStr)
     }
 })
}